<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>福山公安数据治理系统-主页</title>

		<!-- police-index stylesheets -->
		<link href="../assets/css/police-index.css" rel="stylesheet" type="text/css" />

		<!-- icon stylesheets -->
		<link href="../assets/icons/iconfont.css" rel="stylesheet" type="text/css" />

    	<!--[if lt IE 9]>
				<script type="text/javascript" src="../http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
			<![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/images/logo.png" />
    <style type="text/css">
    	body {font-family:微软雅黑;font-size:20px;color:#cde;}
    	.PNGsymbol
    	{
    		 filter : Invert(100%) brightness(0.5);
    	}

	</style>

    </head>
      
    <body class="loginPage new-homePage">
		<div class="new-loginView-content">
			<div id="kuangContainer" class="new-homeContent">
				<div class="kuang new-homePart-outer" onmouseover="circleFocus(this)" onmouseout="circleOut(this)">

					<div class="kuangBG new-homePart-bg"></div>
					<div class="new-homePart-inner">
						<img class="PNGsymbol" src="" width=100 height=100 />
					</div>
					<div class="new-homeImg-one">
						<img src="../assets/images/kuang01.png" />
					</div>
					<div class="kuangCircle new-homeImg-two">
						<div class="new-homeImg-two-inner">
							<img  src="../assets/images/kuang02.png" />
						</div>
					</div>

					<div class="kuangText new-homeText">安全维稳系统</div>
				</div>

			</div><!-- End .container -->

			<div class="new-homeLogo">
			</div>
			<div class="new-homeCopy">
				<img src="../assets/images/footer.png" />
			</div>
		</div>

		<!--用户弹出层-->
		<div class="new-homeUser">
			<div class="new-homeUserName">
				<a><i class="iconfont icon-weibiaoti--13"></i> <span>尼古拉斯</span></a>
				<a><i class="iconfont icon-guanbi"></i></a>
			</div>
			<div class="new-homeUserDate">
				<div class="homeUserDate-title">
					<span>修改个人信息</span>
					<i class="iconfont icon-weibiaoti--27"></i>
				</div>
				<div class="homeUserDate-pastCode">
					<p><label>*当前密码：</label> <input type="password"/></p>
					<p>*修改以下资料必须输入当前密码</p>
				</div>
				<form class="homeUserDate-form" action="">
					<div class="homeUserDate-newCode">
						<label>新密码：</label><input type="password"/>
					</div>
					<div class="homeUserDate-surNewCode">
						<label>确认新密码：</label><input type="password"/>
					</div>
					<div class="homeUserDate-phone">
						<label>手机号码：</label><input type="text"/>
					</div>
					<button class="homeUserDate-sure">保存</button>
				</form>
			</div>
		</div>

		<div class="new-loginStar-content">
			<div class="new-loginStar-one"></div>
			<div class="new-loginStar-two"></div>
			<div class="new-loginStar-three"></div>
			<div class="new-loginStar-four"></div>
		</div>

    <!-- Le javascript
    ================================================== -->
    <script  type="text/javascript" src="../scripts/jquery.min.js"></script>

     <script type="text/javascript">
        // document ready function
        $(document).ready(function() {
           
  			$(".kuang:eq(0)").clone().appendTo("#kuangContainer");
  			$(".kuang:eq(0)").clone().appendTo("#kuangContainer");
  			$(".kuang:eq(0)").clone().appendTo("#kuangContainer");
  			$(".kuang:eq(0)").clone().appendTo("#kuangContainer");

  			initKuang(0,15,23,"shujucaiji","数据采集系统","sjcj.html");
  			initKuang(1,41,23,"shujuziyuan","数据资源系统","http://192.168.0.119:8080");
  			initKuang(2,70,23,"yunweiguanli","运维管理系统","");
  			initKuang(3,27,56,"zhinengzuozhan","智能作战系统","../analysisWebUI/");
  			initKuang(4,55,56,"anquanweiwen","安全维稳系统","http://10.50.141.246/html/login.html");

  		});

  		function initKuang(id,x,y, en,cn,url)
  		{
  			var target=$("#kuangContainer .kuang:eq("+id+")");
  			target.css("left",x+"%");
  			target.css("top",y+"%");
  			target.find(".kuangBG").css("background","url(../assets/images/"+en+".png)");
  			target.find(".PNGsymbol").attr("src","../assets/images/"+en+"-i.png");
  			target.find(".kuangText").html(cn);
        if(url) {
          target.click(function(){
            // location.href=url;
            window.open(url);
          });
        }
  		}

        function circleFocus(target)
        {
        	$(target).find(".kuangCircle").show();
        	/*$(target).find(".PNGsymbol").css("filter","Invert(100%) brightness(1)");*/
        	$(target).find(".PNGsymbol").css("opacity","1");
        }
        function circleOut(target)
        {
        	$(target).find(".kuangCircle").hide();
        	/*$(target).find(".PNGsymbol").css("filter","Invert(100%) brightness(0.5)");*/
        	$(target).find(".PNGsymbol").css("opacity","0.5");
        }
    </script> 
    </body>
</html>
